<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
	<title>模块化设计</title>
	<style type="text/css">
	* {
		padding: 0;
		margin: 0;
	}
    </style>
</head>
<body>
	<script type="module">
		console.log('我是第一个模块')
		
	</script>
	<script type="module">
		console.log(container)
		// Uncaught TypeError: Failed to resolve module specifier "hd.js". Relative references must start with either "/", "./", or "../".
 		import { hd } from "./hd.js";
 		console.log(hd)
 		
 		console.log('-----------------------\n')
	</script>
	<script>
		console.warn(typeof container)
	</script>
	<div id="container" class="container">
		<h1>模块化设计</h1>
		<div class="box">
		    <button message="后盾人">button</button>
		    <button message="hdcms">button</button>
		</div>
	</div>
	<script src="index.js"></script>
	<script type="text/javascript">

	</script>
</body>
</html>